<template>
    <div>
        <div>
            {{form}}
        </div>
        <el-buttton @click="dianji()"></el-buttton>
    </div>
</template>
<script>
export default {
    name: 'T7',
    data() {
        return {
            form: '小孙',
        }
    },

    beforeCreate() {
        console.log('beforeCreate执行了')
    },
    created() {
        console.log('created执行了')
    },
    beforeMount() {
        console.log('beforeMount执行了')
    },
    mounted() {
        console.log('mounted执行了')
    },
    beforeUpdate() {
        console.log('beforeUpdate执行了')
    },
    updated() {
        console.log('updated执行了')
    },
    beforeDestroy() {
        console.log('beforeDestroy执行了')
    },
    destroyed() {
        console.log('destroyed执行了')
    },
    activated() {
        console.log('activated执行了')
    },
    deactivated() {
        console.log('deactivated执行了')
    },
    methods: {
        dianji() {
            this.form = '小锋'
        },
    },
}
</script>